<template>
    <div class="bottom-bar" >
        <slot></slot>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive, defineEmits, defineProps, watch, onMounted } from 'vue'

</script>
<style lang='less' scoped>
@leftAndRight:100px;
.bottom-bar {
    display: flex;
    height: 75px;
    background-color: rgba(255, 255, 255, .8);
    width:100%;
    position:absolute;
    bottom: 0;
    padding: 20px 40px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 10;
}
</style>